<!DOCTYPE html>
<html xmlns:th="https://www.thymeleaf.org">
<head>
    <title>注册</title>
</head>
<body>
<h1>添加用户</h1>

<!--method必须为"post"-->
<!--th:action="@{/login}" ，
使用动态参数，表单中会自动生成_csrf隐藏字段，用于防止csrf攻击
login: 和登录页面保持一致即可，SpringSecurity自动进行登录认证-->
<form id="loginForm" onsubmit="return false;" action="##">
    <div>
        <!--name必须为"username"-->
        <input id="username" type="text" name="username" placeholder="用户名"/>
    </div>
    <div>
        <!--name必须为"password"-->
        <input id="password" type="text" name="password" placeholder="密码"/>
    </div>
    <input class="submit" type="submit" onclick="register()" value="注册">
</form>

</body>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
    function register() {
        var params = $("#loginForm").serialize();
        var url = '/user/add';
        $.ajax({
            type: 'POST',//方法类型
            url: url,
            data: params,
            success: function (result) {
                window.location.href = '/login';
            },
            error: function () {
                Swal.fire({
                    text: "操作失败",
                });
            }
        });

    }
</script>
</html>